﻿<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta content="text/html; charset=utf-8"
			http-equiv="Content-Type" />
		<title>JSide 调试服务器</title>
		<style>
html{
	text-align:center;
	font-size:12px;
	background:#666;
	padding:20px;
	margin:0px;
}
body{
    width:650px;
    min-height:400px;
    text-align:left;
    margin:auto;
    padding:8px;
    background:#fefefe;
    border:3px double #DDD;
}
.code {
    background-color: #EEEEEE;
    border-radius: 6px 6px 6px 6px;
}
.code .cm-tag{
	background:#ddd;
	font-style:italic;
}
		</style>
		<link href="http://www.xidea.org/lite/doc/codemirror/codemirror.css" rel="stylesheet" type="text/css" />
		<link href="http://www.xidea.org/lite/doc/codemirror/default.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<div id="main">
			<div><h2>JSide 调试服务器 介绍</h2></div>
			<ul>
				<p>调试服务器是一个Java编写的，可用JavaScript扩展的，专门用于前端的开发调试 以及 实时调试和上线前预处理优化的傻瓜式服务器软件。</p>
				<p>安装有Java WebStart 的用户，可以直接点击<a href="http://www.xidea.org/webstart/JSide.jnlp"><strong>JSide.jnlp</strong></a> 启动。</p>
			</ul>
			<ul>
				<h3>模板测试</h3>
				<p>支持的功能有</p>
				<ul><p><a href='#preprocess' title="通过资源预处理环节实现">模板源码预处理<a>，Lite编译扩展， 模板浏览，测试，数据模拟，运行时数据源查看， 修改， 测试</p></ul>
				<p>支持的模板系统有</p>
				<ul>
					<li>Lite 模板测试
						<p>默认扩展名为 *.xhtml, 默认数据源为模板同目录下<strong title="如： /test/example.xhtml 的测试数据源为：/test/example.json">同名json文件</strong>。</p>
						<p>可以直接通过目录浏览，点击模板文件，直接预览效果。</p>
					</li>
					<li>Freemarker 模板测试
						<p>默认扩展名为：*.ftl, 使用方法如上， 注意：FreeMarker 需要自己部署jar库， 浏览模板的时候再看错误提示吧...</p>
					</li>
					<li>Velocity 模板测试
						<p>默认扩展名为：*.vm, 使用方法如上。也需要自定部署jar库。</p>
					</li>
				</ul>
				<h3>资源预处理</h3>
				<a name="preprocess"></a>
				<ul>
					<li>JavaScript 扩展介绍
						<p>通过<a title="如果当前网站下不存在该文件，系统自动启用服务器内置扩展脚本。" href='https://lite.googlecode.com/svn/trunk/Lite/src/main/org/xidea/lite/tools/internal/setup.js'>/WEB-INF/setup.js</a> 初始化服务器的静态文件预处理环境， 通过Env.addTextFilter 注册文本过滤函数。 </p>
						
						<p>待续....</p>
					</li>
					<li>JavaScript 扩展测试
						<p>您可以将<a href="https://lite.googlecode.com/svn/trunk/Lite/src/main/org/xidea/lite/tools/internal/">最新的编译脚本</a>下载到测试网站的WEB-INF 目录下， 代替内置的编译脚本。</p>
						<p>待续....</p>
					</li>
				</ul>
				<h3>其他</h3>
				<ul>
					<li>
						<p><a href="http://www.xidea.org/lite/doc/index.php/guide/server-is-compiler.xhtml">最早的一些胡思乱想。</a></p>
					</li>
					<li>
						<p><a href="http://www.xidea.org/jside/example/">测试网站代码</a>
							<p>也可以从SVN下载：<a href='https://lite.googlecode.com/svn/trunk/examples/JSideHosts'>https://lite.googlecode.com/svn/trunk/examples/JSideHosts</a></p>
							<ul>
								<li>模板(Lite/Velocity/Freemarker) 测试</li>
								<li>CSSSprite 测试， 完全自动化的 CSS 和小图片合并方法。</li>
							</ul>
						</p>
					</li>
				</ul>
			</ul>
		</div>
	</body>
</html>